<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <link href="../css/bootstrap.min.css" rel="stylesheet">
    <link href="../css/clear.css" rel="stylesheet">
    <link href="../css/index.css" rel="stylesheet">
    <link href="../css/jx.css" rel="stylesheet">
    <title>高校交流</title>
    <style media="screen">
        .carousel-indicators {
            margin-bottom: 5px;
        }

        .gonggaochnge ul li {
            width: 200px;
            font-size: 12px;
        }

        .gonggaolong ul li {
            width: 625px;
        }

        .time {
            color: #CCCCCC;
            margin-right: 15px;
        }

        #container {
            width: 657px;
            height: 155px;
            overflow: hidden;
            position: relative;
        }

        #container ul {
            list-style: none;
            width: 10000px;
            position: absolute;
        }
       .sanleftli1 p{
       line-height:20px;
       }
    </style>
</head>

<body>
<div class="Box clearfix">
    <div class="TopBar">
        <div class="TopBrind">
            <div class="pull-left">
                <p>您好，欢迎来到浙江省高校思想政治理论网上工作平台！</p>
            </div>
            <div class="pull-right">
                <div class="pull-left">
                    <img src="../img/Shape Copy.png" alt="">
                    <span>帮助</span>
                </div>
                <div class="pull-left" style="margin-left:8px">
                    <img id="schoolHeadPic" src="../img/Mask Copy 2.png" alt="">
                    <li class="dropdown pull-right in-accountDiv">
                        <a href="" class="dropdown-toggle" data-toggle="dropdown">
                            <span id="teacherUsername" class="account"></span><span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu" role="menu">
                            <li><a href="/logout"><span class="glyphicon glyphicon-log-out"></span>退出</a></li>
                        </ul>
                    </li>
                </div>
            </div>
        </div>
        <div class="TopTitle">
            <p class="Title"><b>浙江省高校思想政治理论网上工作平台</b></p>
            <p class="SmallEnglish">Zhejiang Province university ideological and political theory online platform</p>
        </div>
        <div class="nav">
            <ul>
                <li id="newsindex"><a href="/sizheng/html/newsindex.html">首页</a></li>
                <li id="jx_main"><a href="/sizheng/html/jx_main.html">教学资源库</a></li>
                <li id="ms_main"><a href="/sizheng/html/ms_main.html">名师工作室</a></li>
                <li id="gxxxgl_main"><a href="/sizheng/html/gxxxgl_main.html">高校信息管理</a></li>
                <li id="gxjl_main"><a href="/sizheng/html/gxjl_main.html">高校交流</a></li>
                <li id="my_mes"><a href="/sizheng/html/my_mes.html">我的信息</a></li>
                <div class="clearfix"></div>
            </ul>
        </div>
    </div>
    <div class="mainBox">
        <div class="leftBox pull-left">
            <!-- 各校动态 -->
            <div class="leftBoxTop no-border">
                <div class="TitleBox clearfix">
                    <div class="red pull-left"></div>
                    <div class="redTitle pull-left">
                        <span class="pull-left">各校动态</span>
                    </div>
                    <span class="more"><a href="xq_list.html?type=gxjl_main_geXiaoDongTai">更多</a></span>
                </div>
                <div class="gonggao">
                    <ul id="schoolDynamicsList">
                        <li class="sanleftli">
                            <img src="../img/jx/timg.jpeg" alt="" class="img-rounded pull-left">
                            <div class="pull-left sanleft">
                                <p>浙江大学金融系与耶鲁大学确立“3+2”本硕连读教学方式</p>
                                <p class="sanleftli-time">2018-1-25</p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>

            <!-- 浙江新闻 -->
            <div class="leftBoxBotom no-border" style="margin-top:0">
                <div class="TitleBox clearfix border-bottom">
                    <div class="red pull-left"></div>
                    <div class="redTitle pull-left">
                        浙江新闻
                    </div>
                    <span class="more"><a href="xq_list.html?type=gxjl_main_zheJiangXinWen">更多</a></span>
                </div>
                <div class="xinwen">
                    <ul id="zheJiangNews">
                        <li class="clearfix">
                            <p class="bigTitle">中美两高校成立国内首个思政教育研究中心</p>
                            <div class="time pull-right">
                                2018-1-25
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="RightBox pull-right">
            <div class="RightBoxTop no-border clearfix" style="padding:0">
                <!-- Banner -->
                <div id="carousel-example-generic" class="carousel slide pull-left" data-ride="carousel"
                     data-interval="5000" style="width:100%;height:250px;font-size:12px">
                    <!-- Indicators -->
                    <ol class="carousel-indicators" id="bannerPoint">
                        <!--<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>-->
                        <!--<li data-target="#carousel-example-generic" data-slide-to="1"></li>-->
                        <!--<li data-target="#carousel-example-generic" data-slide-to="2"></li>-->
                    </ol>

                    <!-- Wrapper for slides -->
                    <div class="carousel-inner" role="listbox" style="width:100%;height:250px;" id="banner">
                        <!-- <div class="item active">
                            <img src="../img/banner.png" alt="..." style="width:420px;height:165px;">
                            <div class="carousel-caption" style="padding-bottom:20px;padding-top:8px;">
                                浙江省高校思想政治理论课高精尖创新中心中期评估调研座谈会举行
                            </div>
                        </div> -->
                    </div>
                </div>

                <!-- 马克思主义学院 -->
                <!--<div class="leftBoxTop pull-left no-border" style="width:230px;margin-left:5px;padding-top:0;">-->
                    <!--<div class="TitleBox clearfix">-->
                        <!--<div class="red pull-left"></div>-->
                        <!--<div class="redTitle pull-left">-->
                            <!--重点马院-->
                        <!--</div>-->
                        <!--<span class="more"><a href="xq_list.html?type=gxjl_main_zhongDianMaYuan">更多</a></span>-->
                    <!--</div>-->
                    <!--<div class="gonggao gonggaochnge">-->
                        <!--<ul id="marxSchoolList">-->
                            <!--<li>浙江大学马克思主义学院</li>-->
                        <!--</ul>-->
                    <!--</div>-->
                <!--</div>-->
            </div>

            <!-- 专题研究 -->
            <div class="RightBoxBottom no-border">
                <div class="TitleBox clearfix">
                    <div class="red pull-left"></div>
                    <div class="redTitle pull-left">
                        专题研究
                    </div>
                    <span class="more"><a href="xq_list.html?type=gxjl_main_zhuanTiYanJiu">更多</a></span>
                </div>
                <div class="gonggao gonggaolong">
                    <ul id="zhuanTiYanJiuNews">
                        <li>
                            <span>中美两高校成立国内首个思政教育研究中心</span>
                            <div class="time pull-right">
                                2018-1-25
                            </div>
                        </li>
                    </ul>
                </div>
            </div>

            <!-- 成果展示 -->
            <div class="RightBoxBottom no-border">
                <div class="TitleBox border-bottom clearfix">
                    <div class="red pull-left"></div>
                    <div class="redTitle pull-left ">
                        成果展示
                    </div>
                    <span class="more" id="toXqListCgzs"><a
                            href="xq_list.html?type=gxjl_main_chengGuoZhanShi">更多</a></span>
                </div>
                <div class="imgBox clearfix" id="container">
                    <ul id="chengGuoZhanShiList">
                        <div class="imgBoxList">
                            <img src="../img/mks.jpg" alt="">
                            <p>世界的物质性及发展规律</p>
                            <p class="time">浙江大学</p>
                        </div>
                    </ul>
                </div>
            </div>

            <!-- 专家观点 -->
            <div class="RightBoxBottom no-border">
                <div class="TitleBox border-bottom clearfix">
                    <div class="red pull-left"></div>
                    <div class="redTitle pull-left ">
                        专家观点
                    </div>
                    <span class="more"><a href="xq_list.html?type=gxjl_main_zhuanJiaGuanDian">更多</a></span>
                </div>
                <div class="imgBox clearfix">
                    <ul id="zhuanJiaGuanDianList">
                        <div class="imgBoxList">
                            <img src="../img/mks.jpg" alt="">
                            <p>世界的物质性及发展规律</p>
                            <p class="time">浙江大学</p>
                        </div>
                    </ul>
                </div>
            </div>

            <!-- 会议记录 -->
            <div class="RightBoxBottom no-border">
                <div class="TitleBox border-bottom clearfix">
                    <div class="red pull-left"></div>
                    <div class="redTitle pull-left ">
                        会议记录
                    </div>
                    <span class="more"><a href="xq_list.html?type=gxjl_main_huiYiJiLu">更多</a></span>
                </div>
                <div class="imgBox clearfix">
                    <ul id="huiYiJiLuList">
                        <div class="imgBoxList">
                            <img src="../img/mks.jpg" alt="">
                            <p>世界的物质性及发展规律</p>
                            <p class="time">浙江大学</p>
                        </div>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="clearfix"></div>
    <div class="bottom text-center">
        ©2018 技术部出品
    </div>
</div>
<div class="other-footerDiv clearfix text-center">
    <div class="">
        <div class="ni-oneDiv">
            <p style="display: inline-block">版权所有 ©2017-2018浙江大学出版社</p>
        </div>
    </div>

    <div class="">
        <div class="ni-wordP">联系我们 电话：88273271 杭州市天目山路148号浙江大学出版社</div>
    </div>
</div>
<script src="../js/jquery.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script type="text/javascript">
    /* window.onload比 $(function(){}) 加载的更晚一些，这样那些宽度的计算在Chrome中就可以准确计算了*/
    /*window.onload = function () {

        /!*计算一个segment的宽度*!/

        var segmentWidth = 0;
        $("#container ul .imgBoxList").each(function () {
            segmentWidth += $(this).outerWidth(true);
        });

        $("#container ul .imgBoxList").clone().appendTo($("#container ul"));

        run(60000);

        function run(interval) {
            $("#container ul").animate({"left": -segmentWidth}, interval, "linear", function () {
                $("#container ul").css("left", 0);
                run(60000);
            });
        }

        $("#container").mouseenter(function () {
            $("#container ul").stop();
        }).mouseleave(function () {
            var passedCourse = -parseInt($("#container ul").css("left"));
            var time = 60000 * (1 - passedCourse / segmentWidth);
            run(time);
        });
    };*/

</script>

<script src="../js/utilJs/pagejs.js"></script>
<script src="../../sizheng/js/utilJs/getMenu.js"></script>
<script src="../js/myUseJs/gxjl_main.js"></script>

</body>

</html>
